﻿<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>师生风采</title> 

<link rel="stylesheet" type="text/css"  href="css/style.css" media="screen" />
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/xp2.js"></script>
<script type="text/javascript" src="js/xp1.js"></script>

<link   href="images/logo.ico"  rel="shortcut icon" />
<style type="text/css">
<!--
*{margin:0;padding:0;list-style:none;border:0;}
body {
	background-color: #9CCBC0;
	font-family: "微软雅黑";
}
.header {
	height: 200px;
	display: block;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/head.jpg);
}
.cd {
	height: 780px;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #82B0AE;
}
.nav-menu {
	display: block;
	background: #74adaa;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.nav-menu > li {
	display: inline;
	float: left;
	border-right: 1px solid #94c0be;
	font-family: "微软雅黑";
}
.nav-menu > li:last-child {
	border-right: none;
}
.nav-menu li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: 'sansationregular';
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: capitalize;
	overflow: visible;
	line-height: 20px;
	font-size: 20px;
	padding: 15px 30px 15px 31px;
}
.three-d {
	perspective: 200px;
	transition: all .07s linear;
	position: relative;
}
.three-d:not(.active):hover {
	cursor: pointer;
}
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
	transform: translateZ(-25px) rotateX(90deg);
}
.three-d-box {
	transition: all .3s ease-out;
	transform: translatez(-25px);
	transform-style: preserve-3d;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.front {
	transform: rotatex(0deg) translatez(25px);
}
.back {
	transform: rotatex(-90deg) translatez(25px);
	color: #FFE7C4;
}
.front, .back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #74adaa;
	padding: 15px 30px 15px 31px;
	color: white;
	pointer-events: none;
	box-sizing: border-box;
}
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
	background-color: #51938f;
	background-size: 5px 5px;
	background-position: 0 0, 30px 30px;

}
.nav-menu ul {
	position: absolute;
	text-align: left;
	line-height: 40px;
	font-size: 14px;
	width: 200px;
	transition: all 0.3s ease-in;
	transform-origin: 0px 0px;
	transform: rotateX(-90deg);
	backface-visibility: hidden;
}
.nav-menu > li:hover ul {
	display: block;
	transform: rotateX(0deg);
}

body {
	background-color: #CCCCCC;
}
body,td,th {
	color: #000000;
}
.STYLE2 {color: #0000FF}
.STYLE3 {
	font-size: 24px;
	color: #0000FF;
}
.STYLE4 {
	font-size: 20px;
	color: #0066FF;
}
.STYLE6 {font-size: 14px}
.STYLE7 {font-family: "宋体"}
.STYLE8 {font-size: 14px; font-family: "宋体"; }
a:link {
	color: #0000FF;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #33CCFF;
}
.STYLE9 {font-size: 24px}
-->
</style>
</head> 

<body> 
<div style="width:100%; height:252px; background-color: #74adaa;">
<div class="header">
  <div align="center">
  <div  style="width:500px; height:60px; float:right; margin-top:120px"><table width="100%" border="0" height="60">
  <tr>
    <td style="font-size:24px;font-family:华文新魏;"><marquee direction="left" scrollamount="4">四川电子机械职业技术学院-电子信息工程系</marquee></td>
  </tr>
</table>
</div>
    <object  codebase="#" width="776" height="191" align="left">
      <param name="wmode" value="transparent" />
      <param name="movie" value="flash/flash1.swf" />
      <param name="SCALE" value="noborder" />
      <embed src="flash/flash1.swf" width="776" height="191" align="left"  type="application/x-shockwave-flash" scale="noborder" wmode="transparent"></embed>
    </object>
  </div>
</div>
<div id="nav">
<ul class="nav-menu clearfix unstyled">
<li><a  href="index1.html" class="three-d"> HOME <span class="three-d-box"><span class="front">HOME</span><span class="back">HOME</span></span> </a></li>
<li><a  href="dzx_gk.html" class="three-d"> 电子系 概况 <span class="three-d-box"><span class="front">电子系 概况</span><span class="back">电子系 概况</span></span> </a>
<ul class="clearfix unstyled drop-menu">
<li><a  href="dzx_kjy.html" class="three-d"> 电子系 简介 <span class="three-d-box"><span class="front">电子系 简介</span><span class="back">电子系 简介</span></span> </a></li>
<li><a   href="#" class="three-d"> 机构设置<span class="three-d-box"><span class="front">机构设置</span><span class="back">机构设置</span></span> </a></li>
<li><a  href="dzx_hc.html" class="three-d"> 系部画册 <span class="three-d-box"><span class="front">系部画册</span><span class="back">系部画册</span></span> </a></li>
<li><a  href="dzx_ldgh.html" class="three-d"> 领导关怀 <span class="three-d-box"><span class="front">领导关怀</span><span class="back">领导关怀</span></span> </a></li>
</ul>
</li>
<li><a  href="page1/index.html" class="three-d"> 教师 概况 <span class="three-d-box"><span class="front">教师 概况</span><span class="back">教师 概况</span></span> </a></li>
<li><a  href="page2/index.html" class="three-d"> 学 生 工 作<span class="three-d-box"><span class="front">学 生 工 作</span><span class="back">学 生 工 作</span></span> </a></li>
<li><a href="#" class="three-d"> 师 生 风 采 <span class="three-d-box"><span class="front">师 生 风 采</span><span class="back">师 生 风 采</span></span> </a></li>
<li><a  href="Pages3/index.html" class="three-d"> 学 生 风 采 <span class="three-d-box"><span class="front">学 生 风 采</span><span class="back">学 生 风 采</span></span> </a></li>
</ul>
</div>
</section></div>
<div id="wrapper">
	<div class="fullwidthbanner-container">
		<div class="fullwidthbanner">
			<ul>
				<li data-transition="3dcurtain-horizontal" data-slotamount="15" data-masterspeed="300">
					<img src="images/slides/slide3.jpg"  />									
				</li>
				<li data-transition="3dcurtain-vertical" data-slotamount="15" data-masterspeed="300" >
					<img src="images/slides/slide5.jpg" />
				</li>
				<li data-transition="papercut" data-slotamount="15" data-masterspeed="300" >
					<img src="images/slides/slide2.jpg"  />
				</li>
				<li data-transition="turnoff" data-slotamount="15" data-masterspeed="300">
					<img src="images/slides/slide1.jpg"  />
				</li>	
				<li data-transition="flyin" data-slotamount="15" data-masterspeed="300">
					<img src="images/slides/slide6.jpg"  />	 
				</li>					
			</ul>
		</div>
	</div>
</div>


<div class="x1"><table width="100%" border="0" cellpadding="2" cellspacing="0" bordercolor="#666666">
  <tr>
    <td width="93%" bordercolor="#CCCCCC"><span class="STYLE3"><a href="#">栏目标题</a></span>
      <hr width="100%" size="3" color="#666666" /></td>
    <td width="7%"><span class="STYLE2"><a href="#">更多》》</a></span></td>
  </tr>
  <tr>
    <td align="center"><span class="STYLE4">教师！</span>
      <p class="STYLE6">教师们尽职尽责、对每一位学生负责。</p>    
      <hr width="100%" size="1"  color="#666666"/></td>
    <td>2016-11-06</td>
  </tr>
  <tr>
    <td align="center"><span class="STYLE4">部长！</span>
      <p class="STYLE8">加油加油加油加油加油加油加油。</p>    
      <hr width="100%" size="1"  color="#666666"/></td>
    <td>2016-11-06</td>
  </tr>
  <tr>
    <td  align="center"><span class="STYLE4">学生会！</span>
      <p class="STYLE6 STYLE7">加油加油加油加油加油加油加油。加油加油加油加油加油加油加油。加油加油加油加油加油加油加油。</p>    
      <hr width="100%" size="1"  color="#666666"/></td>
  </tr>
  <tr>
    <td colspan="2"><table width="100%" border="0" cellpadding="2" cellspacing="5">
      <tr>
        <td background="Pages3/images/01.jpg">&nbsp;</td>
        <td height="368" background="Pages3/images/03.jpg">&nbsp;</td>
        <td background="Pages3/images/06.jpg">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><a href="#" class="STYLE3">栏目标题</a>
      <hr width="100%" size="3"  color="#999999"/></td>
    <td><a href="#">更多》》</a></td>
  </tr>
  <tr>
    <td height="60"><span class="STYLE4">教师！</span>
      <hr width="100%" size="1"   color="#FF0000"/></td>
    <td>2016-11-06</td>
  </tr>
  <tr>
    <td height="60" class="STYLE4">部长！
      <hr width="100%" size="1"  color="#999999"/></td>
    <td class="STYLE4">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" class="STYLE4">学生会！<hr width="100%" size="1"  color="#999999"/></td>
  </tr>
</table>
</div>
</body> 
</html>